// 详情页 查看图片
$(function(){
  var num = 0;
  var now = 0;
  var imgLeng = $(".minImgWidth>li").length;
  $(".minImgWidth>li").eq(0).addClass("minImgActive");
  $(".img-title-box").text('1/'+imgLeng+'：'+$(".minImgWidth>li").eq(0).attr("tit")+'');
  function move(now) {
    var tit =  $(".minImgWidth>li").eq(now).attr("tit");
    var maxImgW = ($("#masterslider").width())/2;
    var maxImgOffsetLeft = $("#masterslider").offset().left;
    var _thisOffsetLeft = $(".minImgWidth>li").eq(now).offset().left;
    var minImgL = _thisOffsetLeft-maxImgOffsetLeft+50;
    var _thisSrc = $(".minImgWidth>li").eq(now).find("img").attr("src");
    $(".maxImg").attr("src",_thisSrc);
    num +=  maxImgW-minImgL;
    $(".img-title-box").text(''+(now+1)+'/'+imgLeng+'：'+tit+'');
    $(".minImgWidth").css({
      "transform":"translateX("+num+"px)"
    });
  }
  $(".minImgWidth>li").click(function(){
    now = $(".minImgWidth>li").index(this);
    move(now);
    $(this).addClass("minImgActive").siblings().removeClass("minImgActive");

  });

  $(".btn-left").click(function(){
    now--;
    if(now < 0){
      now = 0;
    }
    move(now);
    $(".minImgWidth>li").eq(now).addClass("minImgActive").siblings().removeClass("minImgActive");

  });
  $(".btn-right").click(function(){
    now++;
    if(now > $(".minImgWidth>li").length){
      now = $(".minImgWidth>li").length-1;
    }
    move(now);
    $(".minImgWidth>li").eq(now).addClass("minImgActive").siblings().removeClass("minImgActive");

  });


});
